<?php if (!defined('THINK_PATH')) exit(); /*a:3:{s:47:"D:\webroot\tongji/app/home\view\fos/go_pay.html";i:1544145720;s:48:"D:\webroot\tongji/app/home\view\common/head.html";i:1539420927;s:50:"D:\webroot\tongji/app/home\view\common/footer.html";i:1542422876;}*/ ?>
<!DOCTYPE html>
<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0">
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<link href='__HOME__/css/aui.css' rel='stylesheet' />
<style>
  .aui-bar-nav{background:white;}
  .aui-bar-nav .aui-btn .aui-iconfont{color:black;}
  body{background:#ffffff;}
  .aui-bar-nav .aui-title{color:black;}
  h1{font-weight:600;font-size:2rem;color:#17204d}
  .title{background:#4871FC; height:5rem;border-radius:10px;padding:10px;color:white;}
  .mark{background:#344DA7; height:100%;border-radius:10px;text-align:center;font-size:2rem;padding-top:0.5rem !important;}
  
  .title p{color:white;}
  .aui-tab{border-radius:7px;overflow:hidden;}
  .aui-tab-item.aui-active{background:#7e7e7e;color:white;border:0;}
  .aui-tab-item{background:#aeaeae;color:white;border-right:2px solid white;height:1.8rem;line-height:1.8rem;}
  .aui-list-item-left{width:50%;}
  .items img{display:inline;width:1rem;vertical-align:middle;}
  #card img{width:1.2rem;height:1.2rem;display:inline;}
  #card .aui-row{padding:20px 0;border-bottom:1px solid #efefef;}
</style>
<title>购买FOS</title>
<body>
   <header class="aui-bar aui-bar-nav">
    <a class="aui-pull-left aui-btn aui-btn-outlined" href='javascript:history.go(-1);'>
        <span class="aui-iconfont aui-icon-left"></span>
    </a>
    <div class="aui-title"></div>
    <a class="aui-pull-right aui-btn aui-btn-outlined"  href='/'>
        <span class="aui-iconfont aui-icon-home"></span>
    </a>
  </header>
<div class='aui-content aui-content-padded'>

  <div class='aui-row-padded items'>
      <div class='aui-col-xs-9'>
	     <h1>购买FOS</h1>
	     <p><img src='__HOME__/images/protect.png'/> 请在指定时间内进行支付</p>
	  </div>
      <div class='aui-col-xs-3 '>
	      <div style='margin-top:1rem;margin-bottom:0.5rem;color:#ed5a08;font-weight:bold;'><img src='__HOME__/images/clock.png'/> 未付款</div>
	      <p>剩<span id='minute'>15</span>分<span id='second'>00</span>秒</p>
	  </div>
  </div>
</div>

<div style='box-shadow: 0px 0px 7px 4px #f1f1f1;margin:1rem;padding-top:1rem;' id='card'>
    
	<div class='aui-row'>
	    <div class='aui-col-xs-2' align=center>
		   <img src='__HOME__/images/bcard2.png' />
		</div>
	    <div class='aui-col-xs-8'>
		   <div>支付宝</div>
		   <p></p>
		</div>
	    <div class='aui-col-xs-2'>
		   <input class="aui-radio" type="radio" name="pay_type" value='0' checked>
		</div>
	</div>
	
	<div class='aui-row'>
	    <div class='aui-col-xs-2' align=center>
		  <img src='__HOME__/images/bcard1.png' />
		</div>
	    <div class='aui-col-xs-8'>
		   <div>银行卡</div>
		   <p><?php echo $shop['bank_name']; ?> <?php echo $shop['bank_address']; ?></p>
		</div>
	    <div class='aui-col-xs-2'>
		   <input class="aui-radio" type="radio" name="pay_type" value='1'>
		</div>
	</div>
	
	<div class='aui-row'>
	    <div class='aui-col-xs-2' align=center>
		  <img src='__HOME__/images/bcard3.png' />
		</div>
	    <div class='aui-col-xs-8'>
		   <div>微信支付</div>
		   <p></p>
		</div>
	    <div class='aui-col-xs-2'>
		   <input class="aui-radio" type="radio" name="pay_type" value='2' >
		</div>
	</div>
	
	<div class='aui-row'>
	    <div class='aui-col-xs-2' align=center>
		  <img src='__HOME__/images/eth.png' />
		</div>
	    <div class='aui-col-xs-8'>
		   <div>ETH钱包</div>
		   <p></p>
		</div>
	    <div class='aui-col-xs-2'>
		   <input class="aui-radio" type="radio" name="pay_type" value='3' >
		</div>
	</div>
</div>
<ul class="aui-list aui-list-in">
	<li class="aui-list-item">
		<div class="aui-list-item-inner">
			<div class="aui-list-item-title">参考号</div>
			<div class="aui-list-item-right">
				<div style="position:relative;top:0; left:0"><?php echo $code; ?> <a href='javascript:alert("已复制!")'> <img src='__HOME__/img/copy.png' class='btn' style='display:inline;vertical-align:middle;' data-clipboard-text="<?php echo $code; ?>" /></a></div>
			</div>
		</div>
	</li>
	
	<li class="aui-list-item">
		<div class="aui-list-item-inner aui-list-item-arrow">
			<div class="aui-list-item-title">订单金额</div>
			<div class="aui-list-item-right">
				<div style="position:relative;top:0; left:0"><?php echo $amount; ?> CNY</div>
			</div>
		</div>
	</li>
	
	<li class="aui-list-item">
		<div class="aui-list-item-inner aui-list-item-arrow">
			<div class="aui-list-item-title">单价</div>
			<div class="aui-list-item-right">
				<div style="position:relative;top:0; left:0">2,000.00 / FOS</div>
			</div>
		</div>
	</li>
</ul>

<div class="aui-btn aui-btn-info aui-btn-block aui-btn-sm" style='width:80%;margin:auto;margin-top:10px;' onclick='pay()'>确认去支付</div>
<p style='height:50px;'></p>
<script type="text/javascript" src="__HOME__/script/api.js"></script>
<script type="text/javascript" src="__HOME__/script/aui-tab.js"></script>
<script type="text/javascript" src="__HOME__/script/aui-dialog.js" ></script>
<script type="text/javascript" src="__HOME__/script/aui-toast.js" ></script>
<script type="text/javascript" src="__HOME__/js/jquery.min.js"></script>
<script type="text/javascript" src="__PUBLIC__/static/layer/layer.js"></script>

<script src='__HOME__/js/clipboard.min.js'></script>
<script type="text/javascript">
    
    function pay(){
	    location.href="<?php echo url('pay'); ?>?shop_id=<?php echo $shop['id']; ?>&code=<?php echo $code; ?>&count=<?php echo $count; ?>&pay_type="+$("[name='pay_type']:checked").val();
	}
    new ClipboardJS('.btn');
          
    var tab = new auiTab({
        element:document.getElementById("tab"),
        index:1,
        repeatClick:false
    },function(ret){
        var index = ret.index
		$("#m_list ul").hide();
		$("#m_list ul").eq(index-1).show();
    });
	
	var minute = "14";
    var second = 59;
    setInterval(function() {
        second--;
        if(second == 00 && minute == 00) {
            minute = 14;
            second = 59;
        };
        if(second == 00) {
            second = 59;
            minute--;
            if(minute < 10) minute = "0" + minute;
        };
        if(second < 10) second = "0" + second;
        $("#minute").text(minute);
        $("#second").text(second);
    }, 1000);
	
</script>
</body>
</html>